a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul {margin:0;padding:0;border:0;}
body {font-family:'DIN','PingFang SC','Microsoft YaHei','Helvetica,Arial',sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;background:#F7F8F9; overflow-y:auto; overflow-x: hidden; }
a,a:active,a:focus,a:hover,a:visited {text-decoration:none}
a,img {-webkit-touch-callout:none}
li,ol,ul {list-style:none}
table,tr,td{ border-collapse:collapse;}
input[type=password],input[type=text],textarea {resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}
.clearfix:after {display:block;clear:both;content:"";visibility:hidden;height:0}
[v-cloak] { display: none;}
@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN.otf');
    font-weight: normal;
    font-style: normal;
}
@media screen and (max-width:320px) {html {font-size:42.667px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:360px) {html {font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px) {html {font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px) {html {font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px) {html {font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px) {html {font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px) {html {font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:540px) {html {font-size:64px;font-size:13.33333vw}}/*72*/
@media screen and (min-width:541px) and (max-width:640px) {html {font-size:64px;font-size:13.33333vw}}/*85.33*/
@media screen and (min-width:641px) and (max-width:720px) {html {font-size:64px;font-size:13.33333vw}}/*96*/
@media screen and (min-width:721px) and (max-width:768px) {html {font-size:64px;font-size:13.33333vw}}/*102*/
@media screen and (min-width:769px) {html {font-size:102.4px;font-size:13.33333vw}}
body,html a {color:#0F192E}
.hidden,.none {display:none!important}
* {
    -webkit-appearance:none;
}
@media screen and (min-width:481px) {html {font-size:64px}
html .wap-wrap {width:481px;margin:0 auto}
}
@keyframes flash {0% {opacity:1;margin-top: 0;}50% {opacity:0.7; margin-top: -5px;padding-bottom: 5px;}100% {opacity:1; margin-top: 0;}}
.viewleft-enter-active, .viewleft-leave-active { transition: all 0.5s; }
.viewleft-enter, .viewleft-leave-active { opacity: 0;}
.viewleft-enter {transform: translateX(600px);  }
.viewleft-leave-active {transform: translateX(-600px); }

.view-enter-active, .view-leave-active { transition: all 0.5s; }
.view-enter, .view-leave-active { opacity: 0;}
.view-enter {transform: translateX(-600px);  }
.view-leave-active {transform: translateX(600px); }




.p-box{ position: relative;; width: 100%; display: block; padding-top: 46px; }
.p-top{ position: absolute; width: 100%; padding-bottom:80px; }

.payItem{ text-align: center; margin: .44rem auto 0.8rem auto;color: #FFF; }
.payItem dt {font-size:.41rem; margin-bottom: .2rem;}
.payItem dd{ font-size: 0.73rem;}
.van-nav-bar__text{ color: #FFF;}
.van-nav-bar .van-icon{ color: #FFF;}
.van-nav-bar__text:active{ background: none;}
.van-nav-bar{ background:#3D60E8; color:#FFF; position: fixed; width: 100%; left: 0; top: 0;}
.van-hairline--bottom::after{ border-bottom:1px solid #2e4bd0}
.mainTop{ height: 2.2rem; background: #3D60E8; width: 100%; overflow: hidden;}
.tradeType{  width: 54%; margin:0.66rem auto 0 auto; font-size: .34rem; display: flex;}
.tradeType > div{ flex: 1;height: 0.8rem; line-height: 0.8rem; text-align: center; border: 1px solid #FFF; border-radius: 0 .4rem .4rem 0;color: #FFF; cursor: pointer;}
.tradeType > div:first-child { border-right:none;border-radius: .4rem 0  0 .4rem; }
.tradeType > div.active{ background: #FFF; color: #3D60E8}
.van-tabs__line{background-color: #3D60E8; overflow-x: auto;}
.van-tab__text{ font-size:.34rem}
.van-nav-bar__title{ color:#FFF}
.van-tab--active{color: #3D60E8;}
.input{ padding:.2rem .22rem; height:1rem; line-height:1rem;border-bottom:1px solid #f1f1f1;}
.input span{ float:left; font-size:.54rem;padding-right:.22rem; text-indent:.2rem; }
.input .input_text{height:1rem;padding:0;box-sizing:border-box; float:left; width:55%; font-size:.48rem;}
.input .input_text input{height:1rem; }
.content {line-height:50px}
.content .van-action-sheet__item { padding:0 .32rem;}
.content .van-action-sheet__item .van-action-sheet__icon{ float:left; margin:9px 0 0 0; width:30px;}
.content .van-action-sheet__item .van-action-sheet__icon img{ width:30px;}
.content .van-action-sheet__item .van-action-sheet__name{ float:left;  padding:14px;}
.content .van-action-sheet__item .van-action-sheet__subname{ float:right; width:70px; margin:15px 0 0 0; text-align:center; height:20px; line-height:20px; background:#F4D8D4; color:#E1172F}
.content .van-action-sheet__item--disabled .van-action-sheet__icon img{ width:32px; opacity:0.4}
.content .van-action-sheet__item--disabled .van-action-sheet__subname{ color:#999; background:none;}
.van-cell__value{ flex:2;}
.van-divider{ margin:2px auto; width: 50%;}
.panel{ padding: .12rem; margin: .32rem; background: #FFF; border-radius: .1rem; border-top: 2px solid #2D5AFF; box-shadow:0rem 0.04rem 0.13rem 0rem rgba(0,38,176,0.04);}
.panel .van-cell{ padding:10px 12px;}
.panel .van-cell__title{ color: #99A3B4; font-size: .32rem;}
.panel .van-cell__value{ color:#0F192E; font-size: .32rem;}
.buttonBox{ padding: .32rem; position: fixed; z-index: 99; bottom:.2rem; left: 0; width: 100%; box-sizing: border-box; }
.buttonBox a{position: relative;display: inline-block;
box-sizing: border-box;height: 44px;margin: 0;padding: 0;font-size: 16px;line-height: 42px;text-align: center;border-radius: 2px;cursor: pointer;-webkit-transition: opacity .2s;
transition: opacity .2s;-webkit-appearance: none;-webkit-text-size-adjust: 100%; color: #FFF; background: #2D5AFF; display: block;;}





.keyboard.van-number-keyboard{max-width:480px; bottom: 0px; left: 0px; right: 0px;margin-left:auto; margin-right:auto;}
.payways{z-index: 2002;max-width:480px;bottom: 0px; left: 0px; right: 0px;margin-left:auto; margin-right:auto;}
.van-key{ font-size:18px; vertical-align: bottom; height: 40px; line-height: 40px;}
#page{ height: 100%;}
.van-key__wrapper .van-key--delete{ height: 86px;}
.van-key__wrapper .van-key--blue{ height: 86px; font-size: 16px;}
.van-number-keyboard__header{height:20px; line-height: 20px;}
.van-number-keyboard__header .van-number-keyboard__title{ font-size: 12px;}

.sellBox{font-size: .54rem;}
.sellBox .van-cell__title{ color: #333;}
.sellBox .van-cell__value{ color: #444;}
.sellBox .van-cell__value img{width: 24px;vertical-align: top; padding-right: 5px;}
.sellBox .cardNum .van-cell__title{ width: 90px;flex: initial; color: tomato; }
.sellBox .cardNum .van-cell__value{ text-align: left; color: tomato; font-size: 20px;}
.sellBox::after{ border-width: 0;}
.changeTradeType{ text-align: right; height: .8rem;  background: #FFF; line-height: .4rem; clear: both; position: relative; }
.changeTradeType p{ position:absolute; font-size: .32rem; right: .32rem; top:0; line-height: .8rem; color: #1989FA; cursor: pointer;}
.changeTradeType p img{ width: .42rem; vertical-align: text-top;} 
.fadeInOut-enter-active, .fadeInOut-leave-active { transition: all 0.5s;  }
.fadeInOut-enter, .fadeInOut-leave-active { opacity: 0;}
.fadeInOut-enter {transform: translateX(60px); }
.fadeInOut-leave{transform: translateX(-60px);}
.sellTips{ font-size: 12px; font-weight: normal; color: #ccc; padding:0 .32rem .22rem .32rem;}

.orderPanel{ padding: .12rem; margin: .32rem; background: #FFF; border-radius: .1rem; border-top: 2px solid #2D5AFF; box-shadow:0rem 0.04rem 0.13rem 0rem rgba(0,38,176,0.04);}
.orderPanel .van-cell{ padding:6px 12px;}
.orderPanel .van-cell__title{ color: #0F192E; font-size: .32rem;}
.orderPanel .van-cell__value{ color:#0F192E; font-size: .32rem;}
.orderdetials{  margin:6px 16px;}
.orderdetials p{ overflow: hidden; display: flex; line-height: 1.3em; border-bottom:1px solid #F5F6F8;}
.orderdetials p label{ flex: 1; color: #99A3B4; font-weight: normal; font-size:.28rem;}
.orderdetials p span{ flex: 2; text-align: right; color:#555;font-size:.3rem;}
.orderdetials p span img{ width: .42rem; vertical-align:sub; padding-right: 5px;} 
.orderdetials .sellbtn{ margin: 10px 0;}


.buytips{ font-size: .24rem; padding: .32rem; line-height: 1.8em; color: #999; font-weight: normal; }
.buytips b{ font-size: .30rem; line-height: 2.4em; font-weight: normal;}















